<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML 表单</title>
</head>
<body>
    <!--
       表单用于搜集不同类型的用户输入
       HTML 表单包含表单元素。
       表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。
    -->

    <form>
        First name:<br/>
        <input type="text" name="firstname"/>
        <br/>
        Last name:<br/>
        <input type="text" name="lastname"/>
        <br/><br/>
        <input type="submit" value="Submit">
    </form>

    <form action="action_page.php" method="post">
        <input type="radio" name="sex" value="male" checked>Male
        <br>
        <input type="radio" name="sex" value="female">Female
        <br/><br/>
        <input type="submit" value="Submit">
    </form>

    <!-- get 适合少量数据的提交 浏览器会设定容量限制-->
    <!--fieldset 元素组合表单中的相关数据  legend 元素为 fieldset 元素定义标题  处理的php 没有存在显示404-->
    <form action="action_page.php?firstname=Mike&lastname=Mouse">
        <fieldset>
            <legend>Personal information:</legend>
            First name:<br/>
            <input type="text" name="firstname" value="Mickey">
            <br>
            Last name:<br>
            <input type="text" name="lastname" value="Mouse">
            <br><br>
            <input type="submit" value="Submit"></fieldset>
        </fieldset>
    </form>

    <!--  测试 Form 属性 -->
    <!--
    accept-charset	规定在被提交表单中使用的字符集（默认：页面字符集）。
    action	规定向何处提交表单的地址（URL）（提交页面）。
    autocomplete	规定浏览器应该自动完成表单（默认：开启）。
    enctype	规定被提交数据的编码（默认：url-encoded）。
    method	规定在提交表单时所用的 HTTP 方法（默认：GET）。
    name	规定识别表单的名称（对于 DOM 使用：document.forms.name）。
    novalidate	规定浏览器不验证表单。
    target	规定 action 属性中地址的目标（默认：_self）。
    -->
    <form action="action_page.php" method="get" target="_blank" accept-charset="UTF-8" enctype="application/x-www-form-urlencoded" novalidate>

    </form>



</body>
</html>



























